<template>
  <div>
    <head-top :headTitle="headTitle"></head-top>
    <section class="profile">
      <nuxt-link :to="{name:'index.0'}" tag="a" class="profile_a">
        <div class="user_info">
          <h5>{{this.$root.doctorInfo.doctorName}}</h5>
          <p>{{this.$root.doctorInfo.doctorHospital}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;科室：{{this.$root.doctorInfo.doctorDepartment}}</p>
        </div>
      </nuxt-link>
    </section>
    <section class="profile_con">
      <nuxt-link :to="{name:'index.1'}" tag="p"><i class="iconfont icon-shouye4"></i><a href="#">我的患者</a><i class="iconfont icon-gengduo"></i></nuxt-link>
      <nuxt-link :to="{name:'prescribeRecord'}" tag="p"><i class="iconfont icon-shouye3"></i><a href="#">我开过得药方</a><i class="iconfont icon-gengduo"></i></nuxt-link>
    </section>
  </div>
</template>
<script>
import headTop from '~/components/pagetwo/headTop';

export default {
  components: {
    headTop,
  },
  data() {
    return {
      headTitle: '中恰工作站',
      changeShowType: 'bingli',
      username: '登录/注册',
      mobile: '暂无绑定手机号',
      balance: 0,
    };
  },
};
</script>
<style>
body{
  background-color:#f1f1f1;
}
.profile{
  background: #3190e8;
  padding-top: 3rem;
}
.profile_a{
  display: flex;
  align-items: center;
  background: #3190e8;
  text-decoration: none;
}
.user_info{
  padding:0.6rem 2rem;
  flex-grow: 1;
}
.user_info h5{
  color: #fff;
  font-weight: 600;
  font-family: "Microsoft Yahei";
}
.user_info p{
  color: #fff;
  font-size: 0.8rem;
  margin-bottom: 0;
}
.profile_con{
  margin-top: 0.6rem;
  background: #fff;
}
.profile_con a{
  color:#333;
  display: inline-block;
  text-decoration: none;
}
.profile_con p{
  margin-bottom: 0;
  padding: 0.2rem 0
}
.profile_con p:first-child{
  border-bottom: 1px solid #f1f1f1;
}
.profile_con .iconfont{
  font-size: 1.4rem;
  padding:0 0.8rem;
}
.profile_con .icon-gengduo{
  float: right;
  font-size: 0.8rem;
  line-height: 2.5rem;
  color: #bbb;
  font-weight: bold
}
</style>
